<template>
  <el-table :data="data" :border="isBorder" size="small" stripe >
    <el-table-column label="用户名" prop="username" />
    <el-table-column label="工号" prop="jcode" />
    <el-table-column label="人员编号" prop="code" />
    <el-table-column label="姓名" prop="name" />
    <el-table-column label="用户状态" prop="state" sortable />
    <slot name="operation"></slot>
    
  </el-table>
  <div class="table-footer">
	<div></div>
	<el-pagination style="--el-color-primary: #20B1EB;" small background layout="prev, pager, next" :total="50" />
  </div>
 
</template>

<script lang="ts" setup>
import { TableData } from '../interface/index.ts'
export interface Props {
  data?: TableData[]; // 树数据
}
const props = withDefaults(defineProps<Props>(), {
  data: [],
});
const isBorder = ref(true)
</script>
<style lang='scss' scoped>
.table-footer{
	padding: 10px 0;
	text-align: right;
	display: flex;
	justify-content: space-between;
}
</style>
